/**
 *  @description 组件名称命名约定：继承container组件，名称以ViewPart结尾;继承control组件，名称以Part结尾
 */
Rsd.define('Rsd.hermit.sections.SubscribeFormPart', {
    extend: 'Rsd.container.Component',
    requires: [
        'Rsd.form.Text',
        'Rsd.form.Button'
    ],
    xtype: 'subscribe-form',
     /**
     * @description 标识该组件是否允许编辑
     */
    domEditable:false,
     /**
     * @description true:表示只允许在模板中修改
     */
    editInMaster:false, 
    layout: 'hbox',
    height: 350, 
    style:{lineHeight:60},  
    width:'100%', 
    header:{
        position:'top',
        content:'Get Discount Info',
        height:60,
        style:{
            fontSize:'150%',
            fontWeight:'bold'
        },
    },
    layout:{type:'vbox',align:'center'},
    items:[
        {
             xtype:'label',
             width:'100%',
             label:false,
             height:60,
             text:'Subscribe to the {{=AppShortName}} mailing list to receive updates on new arrivals, special offers and other discount information.',
        },
        {
            xtype:'text',
            label:false,
            placeholder:'type your email subscribe our newsletter...',
            height:45,
            width:'60%',
             margin:'20px 0px 0px 0px',
        },
        {  
            height:1,
            width:'100%',
        },
        { 
            xtype:'button',
            height:50,
            width:'160px',
            margin:'40px 10px 10px 10px',
            text:'Subscribe',
            handler:'btn_submit_subscribe'
        }
    ],
    /*
    * */
    constructor: function SubscribeFormPart(config) {
        config = config || {};
        Rsd.apply(this, config);
    },
    /**
     * 
     * @param {*} s 
     * @param {*} e 
     */
    btn_submit_subscribe:function btn_submit_subscribe(s,e)
    {
        Rsd.popup('subscribe message');
    }
});
